<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>成远生产管控平台 - 矿车载量信息查询</title>
    <link rel="stylesheet" href="css/user.css">
    <script>
        // 全局配置
        window.appConfig = {
            // apiBaseUrl: 'http://localhost:8080' // 开发环境
            apiBaseUrl: 'http://59.110.144.74:8080' // 生产环境
        };
    </script>
</head>
<body>
<!-- 顶部导航栏 -->
<div class="header-container">
    <div class="header-left">
        <div class="header-logo">
            <i class="fa fa-cogs"></i>
            <h3 class="header-title">成远生产管控平台</h3>
        </div>
        <div class="header-info">
            <p style="margin: 0;">欢迎您，<span id="usernameDisplay"></span>！</p>
            <p style="margin: 0;">当前时间：<span id="currentTime"></span></p>
        </div>
    </div>
    <div class="header-right">
        <div class="user-info">
            <div class="user-avatar"><i class="fa fa-user"></i></div>
            <span id="usernameDisplayMobile"></span>
        </div>
        <button class="layui-btn logout-btn" id="logoutBtn">
            <i class="fa fa-sign-out"></i> 退出系统
        </button>
    </div>
</div>


<!-- 内容区域 -->
<div class="content-container">
    <div class="section-title">
        <i class="fa fa-search"></i>
        矿车载量信息查询
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block" style="text-align: center;">
            <button class="layui-btn" id="exportBtn">
                <i class="fa fa-download"></i> 导出Excel
            </button>
        </div>
    </div>

    <table id="dataTable" class="layui-table" lay-filter="dataTable"></table>

    <div class="statistics-container">
        <div class="statistics-item">
            <i class="fa fa-balance-scale"></i>
            <span>总重量:</span>
            <span class="statistics-value" id="totalWeight">0.00</span>
            <span>吨</span>
        </div>
        <div class="statistics-item">
            <i class="fa fa-cubes"></i>
            <span>总体积:</span>
            <span class="statistics-value" id="totalVolume">0.00</span>
            <span>立方米</span>
        </div>
        <div class="statistics-item">
            <i class="fa fa-truckRecord"></i>
            <span>总记录:</span>
            <span class="statistics-value" id="totalCount">0</span>
            <span>条</span>
        </div>
    </div>
</div>

<!-- Font Awesome -->
<link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Moment.js -->
<script src="https://cdn.jsdelivr.net/npm/moment@2.29.4/moment.min.js"></script>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Layui -->
<link rel="stylesheet" href="./layui/css/layui.css"/>
<script src="./layui/layui.js"></script>
<!-- SheetJS (XLSX) -->
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>
<!-- FileSaver.js -->
<script src="https://cdn.jsdelivr.net/npm/file-saver@2.0.5/dist/FileSaver.min.js"></script>
<script src="js/user.js"></script>
</body>
</html>